<form *ngIf="isShowSummary" class="form-horizontal" style="padding-top:20px">
    <div class="form-divider col-lg-12 col-md-12 col-sm-12 col-xs-12" title="阅读须知摘要">
        <div class="form-group" style="margin-bottom:5px">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <textarea style="width:100%;height:100px;background-color:white;resize:none;" [(ngModel)]="sTitle" name="summary" disabled></textarea>
            </div>
        </div>
    </div>
</form>
<ul class="nav nav-tabs">
    <li id="view-ALL">
        <a (click)="getList('')">全部</a>
    </li>
    <li id="view-GM">
        <a (click)="getList('1')">公募基金</a>
    </li>
    <li id="view-YDD">
        <a (click)="getList('2')">一对多</a>
    </li>
    <li id="view-YDY">
        <a (click)="getList('3')">一对一</a>
    </li>
    <li id="view-QYNJ">
        <a (click)="getList('4')">企业年金</a>
    </li>
    <li id="view-YLJ">
        <a (click)="getList('5')">养老金</a>
    </li>
    <li id="view-SB">
        <a (click)="getList('6')">社保</a>
    </li>
    <li id="view-YLJJ">
        <a (click)="getList('7')">养老基金</a>
    </li>
    <li id="view-READ">
        <a (click)="getList('8')">阅读须知正文</a>
    </li>
</ul>
<div class="tab-content">
    <div class="tab-pane in box box-default" id="tab1">
        <div class="box-body">
            <form class="form-inline" method="post">
                <div class="box box-default collapsed-box">
                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 btn-margin" style="padding-left:0px;">
                        <button class="btn btn-primary" (click)="showQuery()">
                  <i class="fa fa-search"></i>搜索</button>
                        <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-view')" class="btn btn-primary" (click)="showModel('view')">
                  <i class="fa fa-edit"></i>查看</button>
                        <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-viewFlow')" class="btn btn-primary" (click)="showModel('flow')">
                  <i class="fa fa-edit"></i>查看流程状态</button>
                        <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-singleChange')" class="btn btn-primary" (click)="showModel('single')">
                  <i class="fa fa-edit"></i>查看单条基金变更</button>
                        <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-historyChange')" class="btn btn-primary" (click)="historyChange()">
                  <i class="fa fa-edit"></i>查看历史变更</button>
                        <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-lastChange')" class="btn btn-primary" (click)="newChangeInfo()">
                  <i class="fa fa-edit"></i>查看最新变更</button>
                        <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-exportTarget')" class="btn btn-primary" (click)="exportTarget()">
                  <i class="fa fa-sign-out"></i>导出指标</button>
                        <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-historyDetail')" class="btn btn-primary" (click)="exportHistory()">
                  <i class="fa fa-sign-out"></i>导出历史明细</button>
                        <button *ngIf="!isShowSummary&&_.includes(menuResourceSet,'btn-rcmi-readSummary')" class="btn btn-primary" (click)="showSummary('show')">
                  <i class="fa fa-arrow-down"></i>展开阅读须知</button>
                        <button *ngIf="isShowSummary" class="btn btn-primary" (click)="showSummary('hide')">
                  <i class="fa fa-arrow-up"></i>隐藏阅读须知</button>
                        <button class="btn btn-box-tool pull-right" data-widget="collapse">
                  <i class="fa fa-plus"></i>
                </button>
                    </div>
                    <div class="box-body">
                        <div class="form-group col-lg-12" style="padding-left:0px !important;">
                            <label class="control-label">基金代码：</label>
                            <input class="form-control" [(ngModel)]="getBody.sFundCode" name="sFundCode" placeholder="基金代码">
                            <label class="control-label">基金名称：</label>
                            <input class="form-control" [(ngModel)]="getBody.sFullName" name="sFullName" placeholder="基金名称">
                            <label *ngIf="getBody.sFundType==''" class="control-label">时间点：</label>
                            <div *ngIf="getBody.sFundType==''" class="input-group date form_datetime">
                                <span class="input-group-addon">
                      <i class="fa fa-calendar"></i>
                    </span>
                                <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
                                    [(ngModel)]="getBody.dateTime" name="dateTime">
                            </div>
                            <button class="btn btn-primary" (click)="list(1)">
                    <i class="fa fa-search"></i>查询</button>
                        </div>
                        <div *ngIf="getBody.sFundType!=''" class="form-group col-lg-12" style="margin-top:10px !important;padding-left:0px !important;">
                            <label class="control-label">基金状态：</label>
                            <select [(ngModel)]="getBody.sStatus" name="sStatus" id="viewFundStatus" [disabled]="getBody.sFundType==''" multiple></select>
                            <label class="control-label" style="margin-left:10px">时间点：</label>
                            <div class="input-group date form_datetime">
                                <span class="input-group-addon">
                      <i class="fa fa-calendar"></i>
                    </span>
                                <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
                                    [(ngModel)]="getBody.dateTime" name="dateTime">
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="box-body" style="padding-left:0px;padding-right:0px;">
                    <div #viewTable></div>
                <!-- <div class="ibt-fixed-table-container"> -->
                    <!-- 右侧滚动表头 -->
                    <!-- <div class="table-scroll-content">
                        <table class="table table-hover table-striped table-keep-line" style="margin-top:unset !important;">
                            <thead>
                                <tr role="row">
                                    <th rowspan="3">
                                        <div class="cell" style="width:50px;">
                                            <div class="checkbox checkbox-primary">
                                                <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                                                <label>
                            </label>
                                            </div>
                                        </div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">基金类型</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">基金名称</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">基金状态</div>
                                    </th>
                                    <th colspan="11" rowspan="1">
                                        <div class="cell">股票</div>
                                    </th>
                                    <th colspan="14" rowspan="1">
                                        <div class="cell">债券</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">权证</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">资产支持证券</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">股指期货</div>
                                    </th>
                                    <th colspan="9" rowspan="1">
                                        <div class="cell">证券投资基金</div>
                                    </th>
                                    <th colspan="3" rowspan="1">
                                        <div class="cell">银行存款</div>
                                    </th>
                                    <th colspan="2" rowspan="1">
                                        <div class="cell">回购</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">受托人</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">托管行</div>
                                    </th>
                                    <th colspan="5" rowspan="1">
                                        <div class="cell">大资产的比例限制</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">养老金产品</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">商业银行理财</div>
                                        <div>产品</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">信托产品</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">基础设施债券</div>
                                        <div>投资计划</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">特定资产管理</div>
                                        <div>计划</div>
                                    </th>
                                </tr>
                                <tr role="row">
                                    <th colspan="5" rowspan="1">
                                        <div class="cell">主板</div>
                                    </th>
                                    <th colspan="5" rowspan="1">
                                        <div class="cell">创业板</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">流通受限证券</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">国债</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">央票</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">政策性金融债</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">地方政府债</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">一般企业、</div>
                                        <div>公司债</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">一般可转债</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">分离可转债</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">普通短融</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">超短融</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">中期票据</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">商业银行次级债</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">一般次级债</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">私募债</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">非公开定向债务</div>
                                        <div>融资工具</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">封闭式</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">开放式</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">股票型</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">债券型</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">混合型</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">货币型</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">易方达货币</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">易方达债券</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">易方达其他基金</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">定期及协议存款</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">活期</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">通知存款</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">抵押回购</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">买断式回购</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">国债</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">流动性</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">固定收益</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">权益</div>
                                    </th>
                                    <th colspan="1" rowspan="2">
                                        <div class="cell">股票</div>
                                    </th>
                                </tr>
                                <tr role="row">
                                    <th colspan="1" rowspan="1">
                                        <div class="cell">二级市场</div>
                                    </th>
                                    <th colspan="1" rowspan="1">
                                        <div class="cell">新股网上申购</div>
                                    </th>
                                    <th colspan="1" rowspan="1">
                                        <div class="cell">新股网下申购</div>
                                    </th>
                                    <th colspan="1" rowspan="1">
                                        <div class="cell">公增</div>
                                    </th>
                                    <th colspan="1" rowspan="1">
                                        <div class="cell">非公开</div>
                                    </th>
                                    <th colspan="1" rowspan="1">
                                        <div class="cell">二级市场</div>
                                    </th>
                                    <th colspan="1" rowspan="1">
                                        <div class="cell">新股网上申购</div>
                                    </th>
                                    <th colspan="1" rowspan="1">
                                        <div class="cell">新股网下申购</div>
                                    </th>
                                    <th colspan="1" rowspan="1">
                                        <div class="cell">公增</div>
                                    </th>
                                    <th colspan="1" rowspan="1">
                                        <div class="cell">非公开</div>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr *ngFor="let item of dataList">
                                    <td>
                                        <div class="cell" style="width:50px;">
                                            <div class="checkbox checkbox-primary">
                                                <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                                                <label>
                            </label>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="cell short_name">{{item.sFundTypeZh}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name">{{item.sFullName}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name">{{item.sStatus}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f1">{{item.f1}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f2">{{item.f2}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f3">{{item.f3}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f4">{{item.f4}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f6">{{item.f6}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f7">{{item.f7}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f8">{{item.f8}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f9">{{item.f9}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f10">{{item.f10}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f12">{{item.f12}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f13">{{item.f13}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f14">{{item.f14}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f15">{{item.f15}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f16">{{item.f16}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f17">{{item.f17}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f18">{{item.f18}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f19">{{item.f19}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f20">{{item.f20}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f21">{{item.f21}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f22">{{item.f22}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f23">{{item.f23}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f24">{{item.f24}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f25">{{item.f25}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f26">{{item.f26}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f27">{{item.f27}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f28">{{item.f28}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f29">{{item.f29}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f30">{{item.f30}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f31">{{item.f31}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f32">{{item.f32}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f33">{{item.f33}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f34">{{item.f34}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f35">{{item.f35}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f36">{{item.f36}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f37">{{item.f37}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f38">{{item.f38}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f41">{{item.f41}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f42">{{item.f42}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f43">{{item.f43}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f44">{{item.f44}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f45">{{item.f45}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f46">{{item.f46}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f47">{{item.f47}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f48">{{item.f48}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f49">{{item.f49}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f50">{{item.f50}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f51">{{item.f51}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f52">{{item.f52}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f53">{{item.f53}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f54">{{item.f54}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f55">{{item.f55}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f56">{{item.f56}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f57">{{item.f57}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.f58">{{item.f58}}</div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div> -->
                    <!-- 左侧固定表头 -->
                    <!-- <div class="ibt-table-fixed-content">
                        <table class="table table-hover table-striped table-keep-line">
                            <thead>
                                <tr role="row">
                                    <th rowspan="3">
                                        <div class="cell" style="width:50px;">
                                            <div class="checkbox checkbox-primary">
                                                <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                                                <label id="sel"></label>
                                            </div>
                                        </div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">基金类型</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">基金名称</div>
                                    </th>
                                    <th colspan="1" rowspan="3">
                                        <div class="cell">基金状态</div>
                                    </th>
                                    <th></th>
                                </tr>
                                <tr role="row">
                                    <th></th>
                                </tr>
                                <tr role="row">
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr *ngFor="let item of dataList">
                                    <td>
                                        <div class="cell" style="width:50px;">
                                            <div class="checkbox checkbox-primary">
                                                <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                                                <label></label>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.sFundTypeZh">{{item.sFundTypeZh}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [ngClass]="{'dataChange':item.sStep=='2'|| item.sStep=='3' || item.sStep=='4'}" [attr.title]="item.sFullName">{{item.sFullName}}</div>
                                    </td>
                                    <td>
                                        <div class="cell short_name" [attr.title]="item.sStatus">{{item.sStatus}}</div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div> -->
                <!-- </div> -->
            </div>
            <div class="box-footer clearfix" style="width:100%;">
                <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
                    <div class="pull-left pagination-detail" data-pagination-additional="true">
                        <span class="pagination-info">
                  当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
                </span>
                        <span class="page-list">
                  每页记录
                  <span class="btn-group dropup">
                    <button  class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                      <span class="page-size">{{listPageInfo.pageSize}}</span>
                        <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                                <a>{{i}}</a>
                            </li>
                        </ul>
                        </span>
                        条
                        </span>
                    </div>
                </app-pagination>
            </div>
        </div>
    </div>

    <div class="tab-pane in box box-default" id="tab2">
        <div #viewReadPage></div>
    </div>
</div>

<!-- 搜索modal -->
<div class="modal modal-open modal-detail" id="query">
    <div #query></div>
</div>

<!-- 查看modal -->
<div class="modal modal-open modal-detail" id="view">
    <div #view></div>
</div>

<!-- 查看流程状态modal -->
<div class="modal modal-open modal-detail" id="viewTargetFlow">
    <div #flow></div>
</div>

<!-- 查看单条基金变更modal -->
<div class="modal modal-open modal-detail" id="single">
    <div #single></div>
</div>

<!-- 查看历史变更modal -->
<div class="modal modal-open modal-detail" id="history">
    <div #history></div>
</div>

<!-- 阅读须知modal -->
<div class="modal modal-open modal-detail" id="read">
    <div #read></div>
</div>